.w100{width: 100%;}
.w96{width: 96%;}
.w95{width: 95%;}
.ml2-5,.mr2-5{ margin-left: 2.5%;}
.ml2-0{ margin-left: 2%;}
.w90{width: 90%;}
.ml5,.mr5{ margin-left: 5%;}
.mt-200{ margin-top:200px; }
.h-50{
	min-height: 50px;
}
.hl-50{
	line-height: 50px;
}
.w-300{
	width: 300px;
}
.w-100{
	width: 100px;
}
.w-80{
	width: 80px;
}
.box{
	display: -moz-box; display: -webkit-box; display: box; 
}
.flex{
	-moz-box-flex: 1;-webkit-box-flex: 1; box-flex: 1;
}
a:hover{
	text-decoration: none;
}
body{
   background: #efefef;
}
header{
	width: 100%; height: 50px; background: #000; position: fixed; top: 0px;z-index: 9;
}
header .user{
	cursor: pointer;
}
.c-fff{
	color: #fff;
}

 .radio-box{
 	padding-left: 0px; 
 }
.art-body .left{
	position: fixed; padding: 0px;
}
.art-body .right{
	padding: 0px;
}
.art-body .left ul,.art-body .left ul li{
	width: 100%;
}
.art-body .left ul li{
	line-height: 40px; line-height: 40px;
}
.art-body .left ul li a{
    color: #30a5ff; font-size: 1.25em; padding: 0 10px 0 15px; display: inline-block;
}
.art-body .left ul li a i{
	position: relative; right: 5px;
}
.art-body .left ul li:hover{
	background: #efefef;
}
.art-body .left ul li.active{
	background:#30a5ff ;
}
.art-body .left ul li.active a{
	color:#fff
}
.art-body .right nav{
	 height: 40px; line-height: 40px; background: #ddd; color: #999;
}

.art-body .right nav i{
	color: #30a5ff; font-size: 1.3em;
}
.select-body,.list-body{
	border:1px solid #ccc; background: #fff;
}
.select-i{
	width: 230px; height: 30px; margin: 15px 0px 0px 15px;
}
.select-i .l-box{
	width: 80px;line-height: 30px;
}
.select-i .r-box{
	width: 150px;
}
.select-box-input{
	width: 150px; 
}
.optionbtn{
	height: 40px; line-height: 40px;
}
.table{
	 width: 98%; margin-left: 1%;
}
.table th,.table-hover tbody tr:hover th{
	background: #CCC;
}
.table th,.table td{
	text-align: center;
}
.p-edit a{
	top:18px; right: 3px;
}
.page-bottom{
	height: 50px; line-height: 50px; margin-left: 2%
}

.input-box .l-box{
	width:150px; font-size: 1.2em;
}
.input-box .l-box font{
	 color:#F00; font-size: 1.3em;
}
.add-input-box{
	 display: inline-flex; width: 300px;
}
.add-input-box-M{
	 display: inline-flex; width: 200px;
}
.option-box{
	width: 120px; height: 0px; overflow: hidden;  box-shadow: 2px 2px 2px #999; background: #fff; right: 20px; top: 40px; border-radius: 5px;
}
.option-box ul li{
	width: 100%; cursor: pointer;
}
.option-box ul li:hover{
	background: #EEEEEE;
}
.option-box  li{
	height: 40px; float: left;
}
.option-box ul li .l-box{
	width: 40px; text-align: center; font-size: 20px;height: 40px; line-height: 40px;
}
.option-box ul li .r-box{
	width: 70px;height: 40px;  line-height: 40px; font-size: 1.2em;
}
.cp-box{
	width: 380px;
}
.cp-h-box{
	 width: 380px; min-height: 50px; float: left;
}
.cp-h-box-sub{
	 width: 180px; height: 50px; float: left;
}
.cp-h-box .size-M { 
    width: 100px
 }
.c-box{
	width: 280px; height: 100px; line-height: 40px; overflow-x: hidden;
}
.c-box-1{
	width: 280px; line-height: 40px; overflow-x: hidden;
}
.c-box .left{
	width: 80px; font-size: 0.8em; line-height: 40px;
}
.c-box .right{
	 width: 190px;
}
.c-botton{
	 width: 280px; height: 40px; line-height: 40px; text-align: center;
}
.c-box-body{
	width: 330px;
}
.c-box-body .left{
line-height: 31px; width: 80px;
}
.c-box-body .right {
	width: 240px;
}
